/* pages/pageMultiMedia/pageAlarmClock/pageAlarmDetail/index.wxss */
/* pages/pageAlarm/pageAlarmDetail/index.wxss */

page {
  background-color: #F8FAFE;
  
}

.container{
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 0;
    box-sizing: border-box;
}


.headView{
  width: 100%;
  height: 176rpx;
  background-color: white;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  position: relative;
}

.headText{
  font-size: 36rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color:black;
  line-height: 48rpx;
  margin-top: 70rpx;
}

.backImage{
  width: 48rpx;
  height: 48rpx;
  position: absolute;

  margin-left: -85%;
  margin-bottom: -10%;
}



.clockView{
  margin-top: 20rpx;

  background-color: white;
  width: 100%;
  height: 428rpx;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.picker-view{
  background-color:rgba(0, 0, 0, 0);
  width: 50%;
  height: 400rpx;
  
  justify-content: center;
  align-items: center;

  position: relative;
}

.picker-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.itemView_big{
  width: 100rpx;
  height: 90%;
  font-size: 78rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 118rpx;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.itemView_small{
  width: 60%;
  height: 100%;
  font-size: 48rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4B4B4B;
  line-height: 74rpx;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.decorate{
  width: 100%;
  height: 100rpx;

  position: absolute;
  margin-top: 150rpx;

  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.decorate .border_0{

  width: 100rpx;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.decorate .border_1{

  width: 100rpx;
  height: 100%;
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.decorate .mid{

  width: 40rpx;
  height: 100%;
  font-size: 84rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 118rpx;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  margin-left: -64rpx;
  margin-right: -64rpx;
  margin-bottom: 15rpx;
}

.border{
  width: 48rpx;
  height: 4rpx;
  background: #805BEB;
  border-radius: 2rpx;
}






.func-view{
  background-color: white;
  width: 100%;
  height: 128rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.func-view .subview_0{
  width: 90%;
  height: 124rpx;
  border-bottom: solid 4rpx rgba(0,0,0,0.06);

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.func-view .subview_1{
  width: 90%;
  height: 124rpx;
  border-bottom: solid 4rpx rgba(0,0,0,0.06);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.func-view .subview_2{
  width: 90%;
  height: 124rpx;
  border-bottom: solid 4rpx rgba(0,0,0,0.06);

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}




.weekname{
  width: 60rpx;
  height: 60rpx;
  background-color: rgba(0, 0, 0, 0);
}

.weekname_nol{
  width: 60rpx;
  height: 60rpx;
  background: #E2E2E2;
  border-radius: 30rpx;

  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #242424;
  line-height: 40rpx;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.weekname_sel{
  width: 60rpx;
  height: 60rpx;
  background: #805BEB;
  border-radius: 30rpx;

  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40rpx;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}






.itemName_l{
 width: 150rpx;
 height: 50rpx;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
}

.itemName_l .image{
  width: 44rpx;
  height: 44rpx;
}

.itemName_l .text{

  width: 100rpx;
  height: 40rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #242424;
  line-height: 42rpx;
  text-align: left;
  margin-left: 20rpx;
}

.itemName_r{
  width: 80%;
  height: 50rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-right: -60rpx;

}
.itemName_r .image{
  width: 44rpx;
  height: 44rpx;
  margin-left: -30rpx;
}

.itemName_r .text{
  width: 70%;
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #919191;
  line-height: 40rpx;
  text-align: right;
}






.button_0{
  margin-top: 100rpx;

  width: 90%;
  height: 96rpx;
  background: #F1F3F6;
  border-radius: 48rpx;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(68,142,255,0.9);
  line-height: 42rpx;
  text-align: center;

  margin-left: 5%;
}

.button_1{
  margin-top: 60rpx;

  width: 90%;
  height: 96rpx;
  background: #F1F3F6;
  border-radius: 48rpx;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #EA4F4F;
  line-height: 42rpx;
  text-align: center;

  margin-left: 5%;
}

.viewNull{
  margin-top: 100rpx;

  width: 100%;
  height: 100rpx;
}